<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="style.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="cloud-zoom.1.0.2.js"></script>
<script type="text/javascript" src="jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="scripts.js"></script>
<title>Untitled Document</title>
</head>

<body>
	<div id="wrapper">
    	<div id="header">
        	<div id="logo">
            	<img src="images/blank.gif" usemap="logom" />
            </div>
            <div class="topcontacts">
                <div><div id="icq"></div>ICQ: 111-111-111</div>
                <div><div id="skype"></div>SUPPORT_MTMTEAM</div>
                <div><div id="phone"></div>8-800-2000-600</div>
            </div>
            <div class="topic">
            	<a href="/" title="главная"></a>
                <a href="/" title="контакты"></a>
                <a href="/" title="карта сайта"></a>
            </div>
            <div id="band">
            	<ul id="menu">
                	<li><a href="">Оплата</a></li>
                    <li><a href="">Размеры</a></li>
                    <li><a href="">Бренд</a></li>
                    <li><a href="">Личный кабинет</a></li>
                </ul>
                <div id="cart">
                	<div class="count">7 товаров</div>
                    <div class="amount">На сумму: 20 000 р.</div>
                </div>
            </div>
            <div id="freeshipping"></div>
        </div>
        <div id="page">
        	<div class="leftside">
            	<div class="goods">
                	<div class="item">
                    	<a class="img" href="/"><img src="images/goods/shirt1_medium.jpg" /></a>
                        <a href="/" class="buybtn"><span class="price">4500 руб.</span> | <span>Купить</span></a> 
                    </div>
                    <div class="item">
                    	<a class="img" href="/"><img src="images/goods/shirt2_medium.jpg" /></a>
                        <a href="/" class="buybtn"><span class="price">4500 руб.</span> | <span>Купить</span></a> 
                    </div>
                    <div class="item">
                    	<a class="img" href="/"><img src="images/goods/shirt2_medium.jpg" /></a>
                        <a href="/" class="buybtn"><span class="price">4500 руб.</span> | <span>Купить</span></a> 
                    </div>
                    <div class="item">
                    	<a class="img" href="/"><img src="images/goods/shirt3_medium.jpg" /></a>
                        <a href="/" class="buybtn"><span class="price">4500 руб.</span> | <span>Купить</span></a> 
                    </div>
                    <div class="item">
                    	<a class="img" href="/"><img src="images/goods/shirt4_medium.jpg" /></a>
                        <a href="/" class="buybtn"><span class="price">4500 руб.</span> | <span>Купить</span></a> 
                    </div>
                    <div class="item">
                    	<a class="img" href="/"><img src="images/goods/shirt4_medium.jpg" /></a>
                        <a href="/" class="buybtn"><span class="price">4500 руб.</span> | <span>Купить</span></a> 
                    </div>
                    <div class="item">
                    	<a class="img" href="/"><img src="images/goods/shirt5_medium.jpg" /></a>
                        <a href="/" class="buybtn"><span class="price">4500 руб.</span> | <span>Купить</span></a> 
                    </div>
                    <div class="item">
                    	<a class="img" href="/"><img src="images/goods/shirt3_medium.jpg" /></a>
                        <a href="/" class="buybtn"><span class="price">4500 руб.</span> | <span>Купить</span></a> 
                    </div>
                    <div class="item">
                    	<a class="img" href="/"><img src="images/goods/shirt3_medium.jpg" /></a>
                        <a href="/" class="buybtn"><span class="price">4500 руб.</span> | <span>Купить</span></a> 
                    </div>
                    <div class="item">
                    	<a class="img" href="/"><img src="images/goods/shirt1_medium.jpg" /></a>
                        <a href="/" class="buybtn"><span class="price">4500 руб.</span> | <span>Купить</span></a> 
                    </div>
                    <div class="item">
                    	<a class="img" href="/"><img src="images/goods/shirt4_medium.jpg" /></a>
                        <a href="/" class="buybtn"><span class="price">4500 руб.</span> | <span>Купить</span></a> 
                    </div>
                    <div class="item">
                    	<a class="img" href="/"><img src="images/goods/shirt2_medium.jpg" /></a>
                        <a href="/" class="buybtn"><span class="price">4500 руб.</span> | <span>Купить</span></a> 
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="pagination">
                	1 из 2 | <a href="">Следующая</a> | <a href="">Показать все</a>
                </div>
            </div>
            <div class="rightcolumn">
            	<div class="bigimg">
                	<div id="zoomin"></div>
                	<a href='images/goods/shirt6_large_1.jpg' class = 'cloud-zoom' id='zoom1'
            rel="softFocus: true, adjustX: -20, adjustY:-4, position:'left', zoomWidth:'590', zoomHeight:'430', bound:'.bigimg'">
            			<img src="images/goods/shirt6_big_1.jpg" title="Рубаха" />
                    </a>    
                </div>
				<div class=" jcarousel-skin-tango">
                	<div class="jcarousel-container jcarousel-container-horizontal" style="position: relative; display: block; ">
                        <div class="jcarousel-clip jcarousel-clip-horizontal" style="position: relative; ">
							<ul id="photos" class="jcarousel-skin-tango">
								<li><a href="/verstka/images/goods/shirt6_large_1.jpg" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '/verstka/images/goods/shirt6_big_1.jpg' "><img src="/verstka/images/goods/shirt6_small_1.jpg" /></a></li>
								<li><a href="/verstka/images/goods/shirt6_large_1.jpg" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '/verstka/images/goods/shirt6_big_2.jpg' "><img src="/verstka/images/goods/shirt6_small_2.jpg" /></a></li>
								<li><a href="/verstka/images/goods/shirt6_large_1.jpg" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '/verstka/images/goods/shirt6_big_2.jpg' "><img src="/verstka/images/goods/shirt6_small_2.jpg" /></a></li>
								<li><a href="/verstka/images/goods/shirt6_large_1.jpg" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '/verstka/images/goods/shirt6_big_2.jpg' "><img src="/verstka/images/goods/shirt6_small_2.jpg" /></a></li>
								<li><a href="/verstka/images/goods/shirt6_large_1.jpg" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '/verstka/images/goods/shirt6_big_2.jpg' "><img src="/verstka/images/goods/shirt6_small_2.jpg" /></a></li>
								<li><a href="/verstka/images/goods/shirt6_large_1.jpg" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '/verstka/images/goods/shirt6_big_1.jpg' "><img src="/verstka/images/goods/shirt6_small_1.jpg" /></a></li>
							</ul>
						</div>
                        <div class="jcarousel-prev jcarousel-prev-horizontal" style="display: block; "></div>
                        <div class="jcarousel-next jcarousel-next-horizontal" style="display: block; "></div>
                    </div>
                </div>
                <div id="info">
                	Рубашка_001<br />
					<strong>Цвет:</strong> белый<br />
					<strong>Состав:</strong> 100% хлопок<br />
					<strong>Производитель ткани:</strong> Италия<br />
					<strong>Плотность:</strong> 100 г<br />
					<strong>Описание модели:</strong> Скрагленый ворот, планка, рукава,<br />
					карман, манжеты.
                
                    <form name="shirt" id="shirt" enctype="multipart/form-data" method="post" action="/">
                        <input type="checkbox" value="42" name="check1" id="check1" checked="checked" /><label for="check1">42</label>
                        <input type="checkbox" value="44" name="check2" id="check2" /><label for="check2">44</label>
                        <input type="checkbox" value="46" name="check3" id="check3" /><label for="check3">46</label>
                        <input type="checkbox" value="48" name="check4" id="check4" /><label for="check4">48</label>
                        <input type="checkbox" value="50" name="check5" id="check5" /><label for="check5">50</label>
                        <input type="checkbox" value="52" name="check6" id="check6" checked="checked" /><label for="check6">52</label>
                        <input type="checkbox" value="60" name="check7" id="check7" /><label for="check7">60</label>
                        <input class="submit" type="submit" name="submit" value="В корзину" />
                    </form>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="clear"></div>
        	<div id="toppage"></div>
            <div id="footerpage"></div>
        </div>
    </div>
    <map id="logom" name="logom">
    	<area shape="poly" coords="6,0,151,0,151,150,80,131,6,150" href="/" />
    </map>
</body>
</html>
